<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Have a good time ^_^</title>
    <link href="img/icon2.png" rel="shortcut icon" type="image/x-icon">
    <embed src="music/happy birthday.mp3" hidden="true" autostart="true" loop="5">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" type="text/css" href="css/component.css">

    <style type="text/css">
        #Layer1 {
            position: absolute;
            width: 100%;
            z-index: 2;
            top: 60%;
        }

        .STYLE3 {
            font-size: medium
        }
    </style>
</head>

<body>
    <div class="container demo-1">
        <div class="content">
            <div id="large-header" class="large-header">
                <canvas id="demo-canvas" width="1590" height="711"></canvas>
                <h1 class="main-title">
                    <font color="skyblue">H</font>
                    <font color="red">A</font>
                    <font color="yellow">P</font>
                    <font color="orange">P</font>
                    <font color="green">Y</font>
                    <br>
                    <font color="blue">B</font>
                    <font color="white">I</font>
                    <font color="pink">R</font>
                    <font color="#699">T</font>
                    <font color="purple">H</font>
                    <font color="brown">D</font>
                    <font color="#999">A</font>
                    <font color="#088">Y</font>
                    <br><span style="font-size: 14px;color: rgba(255, 192, 203, 0.548);">祝宝贝生日快乐吖</span>
                </h1>
            </div>
            <div id="Layer1">
                <nav class="codrops-demos">
                    <a href="photos.html" target="_blank">相册</a>
                    <a href="comment.html" target="_blank">留言</a>
                </nav>
            </div>
        </div>
    </div>


    <script src="js/tweenlite.min.js"></script>
    <script src="js/easepack.min.js"></script>
    <script src="js/raf.js"></script>
    <script src="js/demo-1.js"></script>
    <div style="display:none">
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?3574e441e78f507961a1d3225d77da46";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </div>
</body>

</html>